<form name="form" class="g-form" novalidate ng-submit="stepTwoNext(form.$valid)">

    <h4>技术方案的具体信息，详细的填写，将有助于展现方案的专业性与可靠性，提高合作成功率</h4>

    <div class="form-group row" ng-class="{'has-error': form.details.$invalid && clicked[1]}">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>方案详述:</strong>
            <small>方案的基本原理、应用场景、实现结果等信息，同时请注意核心技术细节的保密</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <textarea class="form-control" ng-model="formData.details" name="details" required
                      placeholder="方案的基本原理、应用场景、实现结果等信息，同时请注意核心技术细节的保密" froala="CONFIG.froalaOptions"></textarea>
        </div>
        <div class="col-xs-2" ng-messages="form.details.$error" ng-show="clicked[1]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>
    </div>

    <div class="form-group row" ng-class="{'has-error': form.advantages.$invalid && clicked[1]}">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>技术优势:</strong>
            <small>相比同类技术问题的其他现有解决方案，本技术的优势</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
             <textarea class="form-control" ng-model="formData.advantages" name="advantages" required
                       placeholder="相比同类技术问题的其他现有解决方案，本技术的优势" froala="CONFIG.froalaOptions"></textarea>
        </div>
        <div class="col-xs-2" ng-messages="form.advantages.$error" ng-show="clicked[1]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>
    </div>

    <div class="form-group row" ng-class="{'has-error': form.indicators.$invalid && clicked[1]}">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>技术效果与指标</strong>
            <small>本方案突出的实现效果与技术指标</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
             <textarea class="form-control" ng-model="formData.indicators" name="indicators" required
                       placeholder="本方案突出的实现效果与技术指标" froala="CONFIG.froalaOptions"></textarea>
        </div>
        <div class="col-xs-2" ng-messages="form.indicators.$error" ng-show="clicked[1]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>
    </div>

    <div class="form-group row" ng-class="{'has-error': form.applicableObjects.$invalid && clicked[1]}">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>适用对象</strong>
            <small>技术已投入应用或预计适用的企业机构类型或产业具体问题</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
             <textarea class="form-control" ng-model="formData.applicableObjects" name="applicableObjects" required
                       placeholder="技术已投入应用或预计适用的企业机构类型或产业具体问题" froala="CONFIG.froalaOptions"></textarea>
        </div>
        <div class="col-xs-2" ng-messages="form.applicableObjects.$error" ng-show="clicked[1]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>
    </div>

    <div class="form-group row" ng-class="{'has-error': form.detailsOfCases.$invalid && clicked[1]}">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>案例描述</strong>
            <small>案例有助于展现本方案的应用效益，提高合作成功率，简要描述如应用时间、合作企业概况、需求问题、实现结果、效果收益等</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
              <textarea class="form-control" ng-model="formData.detailsOfCases" name="detailsOfCases" required
                        placeholder="案例有助于展现本方案的应用效益，提高合作成功率，简要描述如应用时间、合作企业概况、需求问题、实现结果、效果收益等"
                        froala="CONFIG.froalaOptions"></textarea>
        </div>
        <div class="col-xs-2" ng-messages="form.detailsOfCases.$error" ng-show="clicked[1]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>
    </div>

    <div class="form-group form-group-sm row">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>视频上传</strong>
            <small>详细视频</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <meta-single-qnuploader class="meta-single-qnuploader" uploader-config="CONFIG.qnuploaderVideo"
                                    uploader-data="formData.video">
            </meta-single-qnuploader>
            <video width="100%" controls ng-if="formData.video">
                <source ng-src="{{formData.video.link | trustedResource}}" type="video/mp4">
                您的浏览器不支持播放视频
            </video>
            <!--<videogular vg-theme="video.theme" ng-if="formData.video">-->
            <!--<vg-media vg-src="video.sources" vg-tracks="video.tracks">-->
            <!--</vg-media>-->
            <!--<vg-controls>-->
            <!--<vg-play-pause-button></vg-play-pause-button>-->
            <!--<vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>-->
            <!--<vg-scrub-bar>-->
            <!--<vg-scrub-bar-current-time></vg-scrub-bar-current-time>-->
            <!--</vg-scrub-bar>-->
            <!--<vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>-->
            <!--<vg-volume>-->
            <!--<vg-mute-button></vg-mute-button>-->
            <!--<vg-volume-bar></vg-volume-bar>-->
            <!--</vg-volume>-->
            <!--<vg-fullscreen-button></vg-fullscreen-button>-->
            <!--</vg-controls>-->
            <!--</videogular>-->

        </div>

    </div>

    <div class="form-group form-group-sm row">
        <label class="col-xs-offset-2 col-xs-8">
            <strong>附件</strong>
            <small></small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <meta-multiple-qnuploader class="meta-multiple-qnuploader" uploader-config="CONFIG.qnuploader"
                                      uploader-data="formData.attachments">
            </meta-multiple-qnuploader>
        </div>

    </div>

    <div class="form-group row" style="text-align:center">
        <button class="btn btn-info btn-meta-14 btn-meta-blue" type="button"
                ui-sref="^.one">上一步
        </button>
        <button class="btn btn-info btn-meta-14 btn-meta-blue" type="submit">下一步</button>
    </div>
</form>
